
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta itemprop="name" content="{$article['title']}"/>
    <meta itemprop="image" content="https://jinbanbook.oss-cn-shenzhen.aliyuncs.com/logo/108.png" />
    <meta name="description" itemprop="description" content="{$article['title']}"/>
    <title id="<pushPage></pushPage>">{$article['title']}</title>
    <link rel="stylesheet" href="/static/css/style.min.css">
    <script type="text/javascript" src="https://jinbanbook.oss-cn-shenzhen.aliyuncs.com/common/js/setfontsize.js?v=6"></script>
    <script src="//res2.wx.qq.com/open/js/jweixin-1.4.0.js" charset="utf-8"></script>
    <style>.posi{position:fixed;left:0;bottom:0;width:100%}</style>
    <style>
        .topbanner{position:fixed;top:0;left:0;width:100%;transform:translateY(-100%);transition:all 200ms;visibility:hidden;opacity:0;z-index:9999}
        .topbanner.show{transform:translateY(0);transition:all 300ms;visibility:visible;opacity:1}
    </style>
</head>
<body>
<div class="container" style="padding-bottom:20px">
        <div id="notices" style="display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;padding:30px 0;text-align:center;color:#EEE;background-color:rgba(0,0,0,.85)">
        <span style="display:block;width:80%;margin:0 auto;line-height:25px">点击右上角按钮，在浏览器中打开。查看更多精彩内容</span>
        <img src="https://jinbanbook.oss-cn-shenzhen.aliyuncs.com/css-background/down-shar.png" style="position:fixed;right:3%;top:0;width:10%">
    </div>
    <div class="page_title downd">{$article['title']}</div>
    <img id="cover"  src="{$article['cover']}" alt="cover" style="width:100%;">

    <div id="content" class="page_content downd">
        <img style="width:100%;" src="{$articleimg}" />
    </div>
    <div class="landing modal">
        <div class="main">
            <div class="txt">
                <div class="follow-up pink" style="margin-top:20px">
                    <h4 style="margin:5px 0">请使用微信扫码继续观看精彩内容:</h4>
                    <img id="qrcode" src="" style="width:80%;height:auto;margin:0;border:2px solid #EEE;border-radius:6px">
                    <p style="">小提示:</p>
                    <p style="font-size:12px">保存二维码->微信打开扫一扫->相册->选择刚才保存的二维码->关注公众号即可阅读</p>
                </div>
                <span class="close"></span>
            </div>
        </div>
    </div>

    <div class="landing2 modal">
        <div class="main">
            <div class="txt">
                <div class="follow-up pink" style="margin-top:20px">
                    <h4 style="margin:5px auto;line-height:24px;width:80%">如无法自动下载APP，请手动复制链接到浏览器打开 即可下载!</h4>
                    <p style="text-align:center;margin-top:15px">
                        <b style="display:block;padding:5px 0;background-color:#EEE">http://zmspread.yangtaowoer.com/97117/2859/0/1</b>&nbsp
                        <button style="margin-top:10px" class="copy-btn" data-clipboard-text="http://zmspread.yangtaowoer.com/97117/2859/0/1" type="button">点此快速复制</button>
                    </p>
                </div>
                <span class="close"></span>
            </div>
        </div>
    </div>

    <div class="readMore_new"><b>未完待续.....篇幅有限，后续剧情高潮不断！点击免费下载继续阅读</b></div>
    <div class="sloider"></div>
    <div onclick="next()" class="page_read_all"><b>点我继续免费阅读</b></div>
</div>
<script type="text/javascript" src="https://jinbanbook.oss-cn-shenzhen.aliyuncs.com/common/js/zepto.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/admin/js/clipboard.min.js"></script>
<script type="text/javascript" src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="https://cdn.bootcss.com/dom-to-image/2.5.0/dom-to-image.js"></script>

<script>
    var Url,channel;
    var isPure = 1;
    var jump = '';
    var autoDown = "0";
    var u = navigator.userAgent,
        isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
//    var contImg = ["http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_1.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_2.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_3.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_4.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_5.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_6.jpg"] || [],
    var contImg = ["http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_1.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_2.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_3.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_4.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_5.jpg","http:\/\/novel-picture.oss-cn-shenzhen.aliyuncs.com\/wtImg\/wtcontent\/wtlist_6.jpg"] || [],
        $tagP = $(".chapter_content p"),
        interval = Math.floor($tagP.length / contImg.length);
    var isWechat = window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger';
    var tp = {"total_page":"tp_0","total_click_ios":"tci_0","total_click_andr":"tca_0","channel_page":"cp_2148","channel_click_ios":"cci_2148","channel_click_andr":"cca_2148","link_page":"lp_2859","link_click_ios":"lci_2859","link_click_andr":"lca_2859","back":0,"auto":0};
    var id = "{$id}";
//    id = id || 5869599;
    var backUrl = "http://share.jinbangcs.com/home/Book/helloworld?id="+id;
    var clipboard = new Clipboard('.copy-btn');
    var next = function () {
        window.location.href='http://m.ti-na.cn/mobile/book/readbook/id/'+{$bid}+'/chapter_id/'+{$id};
        return;
        if (isIOS) {
            console.log('ios');
             Url = "{$download['ios']}";
             channel = 1;
        } else {
            console.log('android');
            Url = "{$download['android']}";
            channel = 2;
        }
        var posturl = "{:U('helloworld')}"
                var token = "{$token}"
                var id  = "{:I('get.id')}";
                console.log(id);
                var data = {token:token,id:id,channel:channel};
                console.log(data);
                $.post(posturl,{data:data},function(res){
                    console.log(1);
                    console.log(Url);
                    window.location.href = Url;
            })
        return false
    }
    var backCominit = function(url, isReplace) {
        // 返回
        var state = {title: "title", url: "#"};
        window.history.pushState(state, "title", "#");
        window.addEventListener('load', function(){
            setTimeout(function() {
                window.addEventListener("popstate", function(e) {
                    isReplace ? window.location.replace(url) : window.location.href = url
                }, false);
            }, 0);
        })
    };

    $('.landing .close').click(function () {
        $('.landing').removeClass('show')
    })
    $('.landing2 .close').click(function () {
        $('.landing2').removeClass('show')
    })


    backUrl && backCominit(backUrl, true)
//    isWechat && $('#notices').show()
    !!parseInt(autoDown) && next()

//    for (var i in contImg) $('<img src="'+ contImg[i] +'" alt="cover" class="page_info_img" width="100%" />').insertAfter($tagP[interval * (parseInt(i) + 1)]);


    clipboard.on('success', function(e) {
        alert("复制成功!");
    });
    clipboard.on('error', function(e) {
        alert("复制出错了，请手动复制链接到浏览器打开");
    });

    $('.downd').click(function () {
        next()
    })

    if (isPure === 1) {
        $(window).scroll(function(){
            if ($(window).scrollTop() > 2000) {
                $('#adimg').addClass('posi')
                $('body').css('padding-bottom', $(window).width() * 0.228 + 'px')
            } else {
                $('#adimg').removeClass('posi')
                $('body').css('padding-bottom', 0)
            }
        });
    }
</script>
<script>
    $(document).ready(function(){
        var $topbanner = $('img.topbanner');
        var p=0,t=0;
        $(window).scroll(function(e){
            p = $(this).scrollTop();
            if(t<=p){
                //下滚
                $topbanner.is('.show') && $topbanner.removeClass('show')
            } else{
                //上滚
                $topbanner.is('.show') || $topbanner.addClass('show')
            }
            setTimeout(function(){t = p;},0);
        });
    });
</script>
<script>
    var url = "{:U('WeChat/getsdk')}";
    $.ajax({
        type: "GET",
        url: url+"?url=" + encodeURIComponent(location.href.split('#')[0]) + '&_=' + Date.now(),
        dataType: "jsonp",
        jsonp: "callback",
        data: {},
        success: function(resultsdk) {
        console.log('resultsdk',resultsdk);
        window.data = resultsdk;
        
        window.config = {
                debug: false,
                appId: window.data.appId,
                timestamp:window.data.timestamp,
                nonceStr: window.data.nonceStr,
                signature: window.data.signature,
                jsApiList: ['checkJsApi','onMenuShareAppMessage', 'onMenuShareTimeline', 'hideMenuItems', 'showMenuItems','showAllNonBaseMenuItem']
            };
        
        wx.config(window.config);
        var link =  window.location.href;
        var title = $('.page_title').text();
        var desc = $('.wonderful').text();
        var imgUrl = $('#cover').attr('src');
         link = link;
         wx.ready(function () {
             wx.onMenuShareAppMessage({
                    title: title,
                    desc: desc,
                    link: link,
                    type: 'images',
                    imgUrl: imgUrl,
                        success: function () {
                        },
                        cancel: function () {
                        }
                        });
                        wx.onMenuShareTimeline({
                    title: title,
                    desc: desc,
                    link: link,
                    imgUrl: imgUrl,
                    success: function(res){ 
                      console.log(res);

                    },
                    cancel: function(res) {
                        console.log(res);
                    }
                });
         })
        }

    });
</script>
</body>
</html>